<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <!--禁止缩放-->
    <meta name="format-detection" content="telephone=no"/>
    <!--忽略数字为电话号码-->
    <title>丹寨万人长桌宴</title>
    <meta name="description" content="丹寨万人长桌宴"/>
    <meta name="keywords" content="丹寨万人长桌宴"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    
    <!--<link rel="stylesheet" href="css/nprogress.css"/>-->
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <style>
        html, body {
            height: 100%;
            overflow: hidden;
        }

    </style>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <script src="//js.tarsocial.com/h5stat-2.1.1.js"></script>
    <script language=javascript>
        var t1 = new Date().getTime();
    </script>
</head>

<body class="noscoll">

<!--详情弹框-->
<div class="mask_layer tk_detail dis_none">
    <div class="tk_top tk_pos">
        <a href="javascript: void(0);" onclick="detailClose();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/join.png" class="joinBtn"></a>
        <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/tk_detail.png" class="img_tk">
    </div>
</div>

<!--规则弹框-->
<div class="mask_layer tk_rules dis_none">
    <div class="tk_top tk_pos">
        <div class="txtBox">
            <h3>预定规则</h3>
            <p>1.长桌共12个区域，共5200个座位。点击不同区域，可进入选座页。</p>
            <p>2.进入选座页面，可翻页选座，点击号码可选定座位号。</p>
            <p>3.点击确认并成功支付后，您可在长桌宴中对应的区域座位就餐。</p>
            <h3>支付说明</h3>
            <p>1.每个座位定金100元/位，线上购买成功即可线下就餐。定金支付后概不退款。</p>
            <p>2.在支付订单时，需要您填写手机号码，用于您后续管理和查询订单。</p>
            <p>3.本活动最终解释权归H5注册主体所有。</p>
        </div>
        <a href="javascript: void(0);" onclick="rulesClose();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/iknow.png" class="knowBtn"></a>
        <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/tk_rules.png" class="img_tk">
    </div>
</div>

<!--加载进度显示-->
<div class="load" >
    <div class="con-load">
        <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/loading.png" alt="">
        <p></p>
        <h4 class="dis_none"></h4>
    </div>
</div>
    <!--背景遮罩-->
    <div class="bg-black dis_none" ></div>

    <div class="swiper-container ">
        <div class="swiper-wrapper ">
            <div class="swiper-slide" >
                <div class="panel_one">
                    <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/1-up.png" class="up_btn animated pulse">
                    <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/1.jpg">
                </div>

            </div>
            <div class="swiper-slide swiper-no-swiping" id="swiper-slider02">
                <div class="panel_two">
                    <div class="txtBox">
                        <p>长桌宴，是苗族宴席的最高形式与隆重礼仪，已有几千年的历史。每逢重大喜庆节日，村寨乡亲就会聚餐相庆。长桌宴通常主客分开，左主右客。宴席间主客相对、畅饮高歌，气氛隆重热烈。</p>
                        <p>贵州丹寨县从2017年在丹寨万达小镇恢复长桌宴传统，打造长达3公里的长桌宴，可供万人同时就餐，贯穿整个小镇的长桌上摆满了苗族传统菜肴，古藏肉、酸汤鱼、糯米饭等美食散发着原生态的诱人气息。</p>
                        <p>第三届丹寨万人长桌宴将于10月26日-27日在丹寨万达小镇举行，现在3个区域开始线上订座，<span style="font-weight: bold; color: #DC143C;">座位100元/位</span>。</p>
                        <p><span style="font-weight: bold;">在尤公广场等区域，你能邀请一名当地百姓赴宴，结识丹寨长老、非遗传承人、苗家美女帅哥。在湖上画舫区和玻璃栈道区，你可以与心上人一起感受豪气云天的苗族“高山流水”。</span></p>
                        <p>*本H5中菜品图片仅供参考，请以实物为准</p>
                    </div>
                    <div class="btnBox">
                        <div class="showBox">
                            <a href="javascript: void(0);" onclick="rulesShow();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/rules.png" class="showBtn rules"></a>
                            <a href="javascript: void(0);" onclick="detailShow();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/detail.png" class="showBtn detail"></a>
                            <a href="javascript: void(0);" onclick="jumpToMine();"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/mine.png" class="showBtn mine"></a>
                        </div>
                        <a href="desk.html"><img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/2_btn.png" class="up_btn02 animated pulse"></a>
                    </div>

                    <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/2.jpg">
                </div>
            </div>

        </div>

    </div>

</body>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/nprogress.js"></script>
<script src="js/common.js"></script>
<script src="js/pace.js"></script>
<script src="js/percent.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/index.js"></script>
<script>
    window.onload=function (){
        console.log("加载本页耗时 "+ (new Date().getTime()-t1) +" 毫秒");
        var swiper = new Swiper('.swiper-container', {
            direction: 'vertical',
            noSwiping : true
        });
    };

</script>
</html>